      <div class="picshow">
  <div class="picshowtop"> <a href="#"><img src="" alt="" id="pic1" curindex="0" /></a> <a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"><span id="preArrow_A"></span></a> <a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张"><span id="nextArrow_A"></span></a> </div>
  <div class="picshowtxt">
    <div class="picshowtxt_left"><span>1</span>/<i>12</i></div>
    <div class="picshowtxt_right"></div>
  </div>
  <div class="picshowlist">
    <div class="picshowlist_mid">
      <div class="picmidleft"> <a href="javascript:void(0)" id="preArrow_B"><span class="sleft"></span></a> </div>
      <div class="picmidmid">
        <ul>
          <li> <a href="javascript:void(0);"><img src="images/1.jpg" alt="" bigimg="images/1.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/2.jpg" alt="" bigimg="images/2.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/3.jpg" alt="" bigimg="images/3.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/4.jpg" alt="" bigimg="images/4.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/5.jpg" alt="" bigimg="images/5.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/6.jpg" alt="" bigimg="images/6.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/7.jpg" alt="" bigimg="images/7.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/8.jpg" alt="" bigimg="images/8.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/9.jpg" alt="" bigimg="images/9.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/10.jpg" alt="" bigimg="images/10.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/11.jpg" alt="" bigimg="images/11.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
          <li> <a href="javascript:void(0);"><img src="images/12.jpg" alt="" bigimg="images/12.jpg" text="《古剑》小师妹迪丽热巴清新写真宛若小仙女" /></a></li>
        </ul>
      </div>
      <div class="picmidright"> <a href="javascript:void(0)" id="nextArrow_B"><span class="sright"></span></a> </div>
    </div>
  </div>
</div>

列表展示
<div class="piclistshow">
  <ul>
    <li>
      <div class="picimg"><img src="images/1.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(1/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/2.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(2/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/3.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(3/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/4.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(4/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/5.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(5/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/6.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(6/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/7.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(7/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/8.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(8/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/9.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(9/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/10.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(10/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/11.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(11/12)</span></h3>
      </div>
    </li>
    <li>
      <div class="picimg"><img src="images/12.jpg" alt="" /></div>
      <div class="pictxt">
        <h3>《古剑》小师妹迪丽热巴清新写真宛若小仙女<span>(12/12)</span></h3>
      </div>
    </li>
  </ul>
</div>